//设置标题数组
var header = ['任务','奖励','成就','个人概况','设置'];
$(document).ready(function(){
    getready();
    $('li').on('click',function(){
        console.log($(this).html())
        $('.header').text(header[$(this).attr('value')])
        $('.block').text(header[$(this).attr('value')])
        //statuschange()
    })
})
//初始状态函数
function getready(){
    $('.header').text(header[0])
    $('.block').text(header[0])
    var basehtml = '<ul>'
    for(var i = 0; i < header.length; i++){
        basehtml +='<li value='+i+'>'+header[i]+'</li>'
    }
    basehtml +='</ul>'
    $('.slider').html(basehtml)
}
//li点击事件
//如果在onlick调用别的事件返回undefined(原因未明)
function statuschange(e){
    console.log(e)//undefined
    console.log($(this).html())//undefined
    console.log($(this).attr('value'))//undefined
}